<template>
	<el-card class="box-card" style="height: 220px;">
		<div slot="header" class="clearfix">
			<el-row :gutter="10">
				<el-col :span="4">
					<el-avatar shape="circle" :size="60" :fit="fits" :src="src"></el-avatar>
					<!-- <svg-icon icon-class="创建房间" style="font-size: 80px;"></svg-icon> -->
				</el-col>
				<el-col :span="10" style="padding-top: 10px; padding-left: 15px;">
					<span style="padding-right: 10px; font-size: 22px;">admin</span>
					<el-tag>系统设置</el-tag>
					<router-link to="/user/profile">
						<i class="el-icon-edit-outline" style="padding-left: 5px; font-size: 15px; color: #0D4CA4;"></i>
					</router-link>
					<!-- <div style="padding: 10px 0px 10px 0px;">
	                      上次登录时间
	                    </div> -->
				</el-col>
			</el-row>
		</div>


		<div class="text item" style="padding: 20px;text-align: center;line-height: 30px;">
			<el-row>
				<el-col :span="12">
					<div>待处理审核</div>
					<div style="color: #ffaa00; font-size: 28px;">
						<span>60</span>
					</div>
				</el-col>
				<el-col :span="12">
					<div>收到的审核</div>
					<div style="color: blue; font-size: 28px;">
						<span>100</span>
					</div>
				</el-col>
			</el-row>
		</div>
	</el-card>
</template>

<script>
	import CountTo from 'vue-count-to'
	export default {
		name: "setting",
		components: {
			CountTo
		},
		data() {
			return {
				src: 'https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg'
			};
		},
		mounted() {

		},
		created() {

		},
		methods: {

		}
	};
</script>

<style>
</style>